.px2rem(@name,@px){
    @{name}:@px*100%
}
.w(@age1){
    .px2rem(width,@age1);
}
.px3rem(@name,@px){
    @{name}:@px/75*1rem
}
.warp {
	.w(1);
	.px3rem( height,1110);
	
}
.headr{
	.px3rem( height,100);
      display:flex;
      background:#82ce6a;
      .w(1);
      .ulone {
      display:flex;
      justify-content: space-around;
      .w(1);
       align-items: center;
             }
      .lione {
     .px3rem( font-size,34);
     color:#ffffff;
      }
}
.nav {
	.w(1);
	.px3rem( height,84);
	display:flex;
	.px3rem( font-size,26);
	justify-content: space-around;
	align-items:center;
	border-bottom:1px solid #999999;
}
.section {
	.px3rem( height,918);
	display:flex;
	flex-direction: column;
	 align-items: center;
	.fn {
	    .w(0.6);
	    .px3rem( height,64);
	    background:#e6e6e6;
	    border-radius:5px;
	    color:#959595;
	    display:flex;
	   
	      justify-content: center;
	       align-items:center;
	       .px3rem( font-size,25);
	       .px3rem( margin-top,35);
	}
	.online {
	 .px3rem( margin-top,216);
	}
}